<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="container">
        <div class="header">
            <div class="logo">
                <img src="./images/logo.png" alt="">
            </div>
            <div class="select">
                <ul>
                    <li>首页</li>
                    <li>走进千峰</li>
                    <li>人才服务</li>
                    <li>千峰教育</li>
                    <li>好程序员</li>
                    <li>扣丁学堂</li>
                    <li>APP外包</li>
                    <li>培训服务</li>
                    <li>创业孵化</li>
                </ul>
            </div>
        </div>
        <div class="banner">
            <img src="./images/banner.png" alt="">
        </div>
        <div class="product">
            <div class="product1">
                <div class="img" style="text-align: center;"><img src="./images/product1.png" alt=""></div>
                <div class="content">
                    <p style="text-align: center;font-size: 22px;">移动产品</p>
                    国内最大互联网开发人才提供平台
                    <ul>
                        <li>精准高效的人才匹配</li>
                        <li>专业多样的招聘平台</li>
                        <li>覆盖全国的优质资源</li>
                    </ul>
                </div>
            </div>
            <div class="product2">
                <div class="img" style="text-align: center;"><img src="./images/product2.png" alt=""></div>
                <div class="content">
                    <p style="text-align: center;font-size: 22px;">千峰教育</p>
                    <a style="font-size: 13px;">IOS、Android研发培训行业领导品牌</a>
                    <ul>
                        <li>最专业的教资队伍</li>
                        <li>最权威的课程体系</li>
                        <li>最前沿的企业内训</li>
                    </ul>
                </div>
            </div>
            <div class="product3">
                <div class="img" style="text-align: center;"><img src="./images/product3.png" alt=""></div>
                <div class="content">
                    <p style="text-align: center;font-size: 22px;">项目研发</p>
                    <a style="font-size: 14px;">知名联动互联网APP解决方案提供商</a>
                    <ul>
                        <li>国内顶尖研发团队</li>
                        <li>高效优质的产品质量</li>
                        <li>全面完善的售后服务</li>
                    </ul>
                </div>
            </div>
            <div class="product4">
                <div class="img" style="text-align: center;"><img src="./images/product4.png" alt=""></div>
                <div class="content">
                    <p style="text-align: center;font-size: 22px;">创业孵化</p>
                    <a style="font-size: 14px;text-align: center;">卓越的联动互联网孵化基地</a>
                    <ul>
                        <li>行业知名的"天使投资"导师</li>
                        <li>国内配置的资源支持</li>
                        <li>助力实现创新idea</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="new">
            <div class="img2">
                <img src="./images/weight.png" alt="">
            </div>
            <div class="new2">
                <div class="dongnew">
                    <p style="font-size: 22px;color: #666;">动态新闻</p>

                    <p style="font-size: 18px;color: #666;">千峰HTML5"微信小程序"公开课千人齐...</p>

                    <a
                        style="color: #cccccc;font-size: 14px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2016年10月5日,千峰HTML5"微信小程序"公开课如期举行,北京科技职业学院报告厅内,数千名千峰新老学员...</a>
                </div>
                <div class="new3">
                    <ul>
                        <li>>千峰2016年9月份就业榜出炉:769人高薪就业...</li>
                        <li>>千峰郑州校区第二届"千峰杯"项目创作大赛...</li>
                        <li>>微信小程序开发课程登录千峰教育&nbsp;一言不合就...</li>
                        <li>>"千峰VR/AR巡回公开课辐射全国&nbsp;混合实现全...</li>
                    </ul>
                </div>

            </div>
            <div class="talk">
                <p style="font-size: 22px;color: #666;">与我们洽谈</p>
                <div class="click">
                    <img src="./images/click.png" alt="">
                </div>
                <p style="font-size: 24px;color: #666;">400-654-7778</p>
                <ul>
                    <li>培训咨询:010-82790226/7</li>
                    <li>招聘咨询:010-82790226/7-800</li>
                    <li>网站合作:010-82790226/7-815</li>
                    <li>企业洽谈:010-82790226/7-803</li>
                </ul>
            </div>
        </div>
        <div class="market">
            <div class="market1">
                <div class="cds1" style="vertical-align: top;">
                    <p>走进千峰</p>
                    <ul>
                        <li>千峰简介</li>
                        <li>千峰之路</li>
                        <li>联系我们</li>
                    </ul>
                </div>
                <div class="cds2">
                    <p>人才服务</p>
                    <ul>
                        <li>企业联盟</li>
                        <li>企业招聘</li>
                        <li>优秀人才</li>
                        <li>民企双选会</li>
                    </ul>
                </div>
                <div class="cds3">
                    <p>千峰教育</p>
                    <ul>
                        <li>ios培训</li>
                        <li>Andriod培训</li>
                        <li>HTML5培训</li>
                        <li>UI培训</li>
                    </ul>
                </div>
                <div class="cds4">
                    <p>APP外包</p>
                    <ul>
                        <li>业务范围</li>
                        <li>案例展示</li>
                        <li>项目优势</li>
                        <li>合作方式</li>
                    </ul>
                </div>
                <div class="cds5" style="vertical-align: top;">
                    <p>培训服务</p>
                    <ul>
                        <li>企业内训</li>
                        <li>师资培训</li>
                    </ul>
                </div>

            </div>
            <div class="market2">
                <img src="./images/china.png" alt="">
            </div>
            <div class="market3">
                <img src="./images/erweima.png" alt="">

            </div>
        </div>
        <div class="foot"></div>
    </div>
</body>

</html>